<template>
  <div>
    <div class="cdetail_sessions" v-show="selDateNum===0">
      <div class="sessions_date">
        <span></span>
        <span>上午场</span>
      </div>
      <ul>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>10:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>12:14 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥18.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
      </ul>
      <div class="sessions_date">
        <span></span>
        <span>下午场</span>
      </div>
      <ul>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>13:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>15:33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥28.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>17:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>19:33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥38.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
      </ul>
    </div>
    <div class="cdetail_sessions" v-show="selDateNum===1">
      <div class="sessions_date">
        <span></span>
        <span>下午场</span>
      </div>
      <ul>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>13:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>15.33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥28.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>17:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>19.33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥38.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
      </ul>
      <div class="sessions_date">
        <span></span>
        <span>晚上场</span>
      </div>
      <ul>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>20:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>22.33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥28.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>23:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>01.33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥38.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
      </ul>
    </div>
    <div class="cdetail_sessions" v-show="selDateNum===2">
      <div class="sessions_date">
        <span></span>
        <span>晚上场</span>
      </div>
      <ul>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>20:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>22.33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥28.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>23:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>01.33 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥38.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
      </ul>
    </div>
    <div class="cdetail_sessions" v-show="selDateNum===3">
      <div class="sessions_date">
        <span></span>
        <span>上午场</span>
      </div>
      <ul>
        <li>
          <div class="fl sessions_left">
            <div class="sessions_left_one">
              <span>10:30</span>
              <span>国语3D</span>
            </div>
            <div class="sessions_left_two">
              <span>12:14 散场</span>
              <span>三号厅</span>
            </div>
          </div>
          <div class="fr sessions_right">
            <div class="sessions_right_one fl">
              <span>￥18.8</span>
              <s>￥50</s>
              <span>新人专享</span>
            </div>
            <button>购买</button>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    selDateNum: {
      type: Number,
      default: 0
    }
  }
};
</script>

<style>
.cdetail_sessions {
  background-color: #fff;
  padding-bottom: 40px;
}
.cdetail_sessions .sessions_date {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}
.cdetail_sessions li {
  height: 65px;
  padding: 15px 10px 10px 15px;
}
.sessions_left .sessions_left_one span:nth-child(1) {
  font-weight: 700;
}
.sessions_left_one span:nth-child(2) {
  font-size: 12px;
  color: #999;
  margin-left: 27px;
}
.sessions_left_two span {
  color: #999;
  font-size: 12px;
}
.sessions_left_two span:nth-child(2) {
  margin-left: 10px;
}

.sessions_right_one {
  text-align: right;
  margin-right: 20px;
}
.sessions_right_one span:nth-child(1) {
  color: #ff4d64;
  font-weight: 700;
  font-size: 18px;
}
.sessions_right_one s {
  display: block;
  font-size: 12px;
  color: #999;
}
.sessions_right_one span:nth-child(3) {
  font-size: 12px;
  border-radius: 3px;
  background-color: #ff8625;
  color: white;
  border: 1px solid #ff8625;
}
.sessions_right button {
  font-size: 12px;
  border: 1px solid #ff4d64;
  color: #ff4d64;
  border-radius: 3px;
  padding: 3px 8px;
  background-color: #fff;
  margin-top: 20px;
  margin-right: 15px;
  font-weight: 700;
}
</style>
